<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>slide</title>
    <link rel="stylesheet" href="./slide.css">
</head>
<body>
    <div class="container">
        <ul class="banner">
            <li class="banner-li">
                <a href="javascript:;">
                    <img src="../img/cat5.jpeg" class="banner_img">
                </a>
            </li>
            <li class="banner-li">
                <a href="javascript:;">
                    <img src="../img/cat1.jpeg" class="banner_img">
                </a>
            </li>
            <li class="banner-li">
                <a href="javascript:;">
                    <img src="../img/cat2.jpeg" class="banner_img">
                </a>
            </li>
            <li class="banner-li">
                <a href="javascript:;">
                    <img src="../img/cat3.jpeg" class="banner_img">
                </a>
            </li>
            <li class="banner-li">
                <a href="javascript:;">
                    <img src="../img/cat4.jpeg" class="banner_img">
                </a>
            </li>
            <li class="banner-li">
                <a href="javascript:;">
                    <img src="../img/cat5.jpeg" class="banner_img">
                </a>
            </li>
            <li class="banner-li">
                <a href="javascript:;">
                    <img src="../img/cat1.jpeg" class="banner_img">
                </a>
            </li>
            
        </ul>
        <div class="button_container">
            <span index="1" class="button_container_circle on"></span>
            <span index="2" class="button_container_circle"></span>
            <span index="3" class="button_container_circle"></span>
            <span index="4" class="button_container_circle"></span>
            <span index="5" class="button_container_circle"></span>
        </div>
        <a href="javascript:;" class="prev arrow">&lt;</a>
        <a href="javascript:;" class="next arrow">&gt;</a>
    </div>
</body>
<script src="./slide.js"></script>
</html>